body {
        margin: 0px;
        padding: 0;
        }
        
        
        /* visited link */
        a:visited {
          color: black;
        }
        
        /* mouse over link */
        a:hover {
          color: #800080;
        }
        
             
        
        .container {
                max-width: 1024px;
                width: 90%;
                margin: 0 auto;
        }
        

        
        .container.card {
                margin-top: 8rem;
                margin-bottom: 8rem;
                background-color: #800080;
                text-align: center;
                padding: 3.6rem;
                /* padding-bottom: 3.6rem; */
        }
        
        .container.card2 {
                margin-top: 8rem;
                margin-bottom: 8rem;
                background-color: #800080;
                text-align: center;
                padding: 1.4rem;
                /* padding-bottom: 0rem; */
        }
        
        

        .title {
		margin-left: 2.1rem;
		color: #800080;
		font-size: 3.6rem;
	}

        .title2 {
                font-size: 2.6rem;
                font-weight: 700;
                color: black;
                margin-top: 0;
                margin-bottom: 2.1rem;
                }
        
        .title-main {
                font-size: 0.2rem;
                font-weight: 700;
                color: #fff;
                margin-top: 0;
                margin-bottom: 0.1rem;
                }
        
        .title-main1 {
                font-size: 3rem;
                font-weight: 700;
                color: #66CDAA;
                margin-top: 0;
                margin-bottom: 0rem;
                }

        .title-main2 {
                font-size: 3rem;
                font-weight: 700;
                color: #800080;
                margin-top: 0;
                margin-bottom: 2.1rem;
                }
        
        .title-main3 {
                font-size: 3rem;
                font-weight: 700;
                color: #800080;
                margin-top: 0;
                margin-bottom: 0rem;
                }
        
        .title-main4 {
                font-size: 3.6rem;
                font-weight: 700;
                color: #800080;
                margin-top: 0;
                margin-bottom: 2.1rem;
                }
        
        .subheading{
                font-size: 1.6rem;
                font-weight: 400;
                margin-bottom: 3rem;
                color: #66CDAA;
                }
        
        .subheading1{
                font-size: 1.6rem;
                font-weight: 400;
                margin-top: 1rem;
                margin-bottom: 1rem;
                color: #800080;
                }
        
        .subheading2{
                font-size: 1.6rem;
                font-weight: 400;
                margin-bottom: 3rem;
                color: #FF1493
                }
                
        .subheading3{
                font-size: 1.6rem;
                font-weight: 400;
                margin-bottom: 0rem;
                color: #66CDAA
                }

        .container2 {
                max-width: 1024px;
                object-fit: cover;
                margin: 0 auto;
                align-items: center;
                }
        
        .thumbs {
                object-position: auto;
                margin: 0 auto;
                }
        
        .thumbs img {
                max-width: 600px;
                border: 3px solid #800080;
                box-sizing: border-box;
                transition: all 0.2s ease-in;
                }
        
        .thumbs img:hover {
                box-shadow: 0px 0px 20px rgba(0,0,0.5);
                }
        
        .img {
                width: 600px;
        }
        
        .responsive {
                padding: 0 6px;
                float: left;
                width: 100%;
                gap: 30px;
                padding: 1.4rem;
        }
        
        
        
        @media only screen and (max-width: 768px){
                html {font-size: 7px;}
                .container {max-width: 90%;}
                .thumbs img {max-width: 80%;}
                .container.card {margin-top: 6rem;}
                .card .text {font-size: 1.6rem;}
                .subheading1{font-size: 20px;}
                ul.topnav li.right, 
                ul.topnav li {float: none;}
        }
        
        @media only screen and (max-width: 480px){
                html {font-size: 5.7px;}
                .container {max-width: 95%;}
                .thumbs img {max-width: 70%;}
                .title-main {font-size: 6.6vw;}
                   
                /* .container.card {margin-top: 2rem;} */
                .subheading{font-size: 13px;}
                .subheading{font-size: 15px;}
                .card .text { font-size: 12px;}
                footer {flex-direction: column;}
        } 
                
        
        
        ul.topnav {
                list-style-type: none;
                text-align: center;
                font-size: ;
                margin: 0;
                padding: 0;
                overflow: hidden;
                background-color: #fff;	  
        }
        
        ul.topnav li {float: left;}
        
        ul.topnav li a {
                display: block;
                color: #44C662;
                text-decoration: none;
                font-size: 30px;
        }
        
        ul.topnav li a:hover:not(.active) {background-color: #FF1493;}
        
        ul.topnav li a.active {background-color: #fff;}
        
        ul.topnav li.right {float: right;}
        
        
        
        div1 {
                width: 90%;
        }
        
        div1.fixed {
                position: fixed;
                bottom: 0;
                right: 1200;
        }
        
     
        
        .photo-gallery{
                max-width: 1024px;
                object-fit: cover;
                align-items: center;
                display: grid;
                grid-template-columns: 1fr;
                }
        
        .photo img{
                border-radius: 5px;
                object-fit: cover;
                }
        
        @media screen{
                .photo-gallery{          
                gap: 20px;
                }
                }
        
        @media screen and (max-width: 1024px){
                .photo-gallery{
                display: grid;
                gap: 15px;
                }
                }
        
        swiper-container {
                max-width: 900px;
                height: 900px;
                object-fit: cover;
                padding-bottom: 50px;
                display: flex;
        }

        mySwiper {
                display: flex;
                justify-content: center;
                align-items: center;
        }


        swiper-slide {
                height: 900px;
                overflow: hidden;
                display: flex;
        }

	img.redim {
		width: 600px;
	}	

@media screen and (max-width: 1024px){
	img.redim {width: 600px;}
	.title {font-size: 2rem;}
        .mySwiper {height: 900px;}
        .swiper-zoom-container {height: 900px;}
	}
	
@media screen and (max-width: 768px){
	img.redim {width: 500px;}
        .title {font-size: 2rem;}
        .mySwiper {height: 800px;}
        .swiper-zoom-container {height: 800px;}
	}

@media screen and (max-width: 600px){
	img.redim {width: 400px;}
	.title {font-size: 2rem;}
        .mySwiper {height: 650px;}
        .swiper-zoom-container {height: 650px;}
	}

        #fh5co-features {
                clear: both;
                padding: 7em 0; }

@media screen and (max-width: 768px) {
        #fh5co-features {padding: 4em 0; } }

        .feature-left {
                float: left;
                width: cover;
                text-align: justify;
                font-weight: bold;
                margin-bottom: 40px;
                position: relative; }
        .feature-left .icon {
                float: left;
                text-align: left;
                width: 15%; }
@media screen and (max-width: 992px) {
        .feature-left .icon {
                width: 10%; } }
@media screen and (max-width: 768px) {
        .feature-left .icon {
                width: 15%; } }
        .feature-left .icon i {
                display: table-cell;
                vertical-align: middle;
                font-size: 40px;
                color: #800080; }
        .feature-left .feature-copy {
                float: left;
                width: 80%; }
@media screen and (max-width: 992px) {
        .feature-left .feature-copy {
                width: 90%; } }
@media screen and (max-width: 768px) {
        .feature-left .feature-copy {
                width: 85%; } }
@media screen and (max-width: 480px) {
        .feature-left .feature-copy {
                width: 80%; } }
        .feature-left .feature-copy h3 {
                font-size: 24px;
                color: #800080;
                margin-bottom: 10px; }
        .feature-left .feature-copy p {
                font-size: 24px;
                line-height: 1.8;
                margin-bottom: 10px; }


        #fh5co-features {
                padding: 7em 0; }
        #fh5co-features .feature-left {
                margin-bottom: 40px; }
@media screen and (max-width: 992px) {
        #fh5co-features .feature-left {
                margin-bottom: 30px; } }
        #fh5co-features .feature-left .icon i {
                color: #d9d9d9 !important; }
        #fh5co-features .feature-left .icon {
                float: left;
                text-align: center;
                width: 15%; }
@media screen and (max-width: 992px) {
        #fh5co-features .feature-left .icon {
                width: 10%; } }
@media screen and (max-width: 768px) {
        #fh5co-features .feature-left .icon {
                width: 15%; } }
        #fh5co-features .feature-left .feature-copy {
                float: right;
                width: 80%; }
@media screen and (max-width: 992px) {
        #fh5co-features .feature-left .feature-copy {
                width: 90%; } }
@media screen and (max-width: 768px) {
        #fh5co-features .feature-left .feature-copy {
                width: 85%; } }
@media screen and (max-width: 480px) {
        #fh5co-features .feature-left .feature-copy {
                width: 80%; } }
        #fh5co-features .feature-left h3 {
                font-size: 16px;
                font-weight: 700; }
        #fh5co-features .feature-left p {
                font-size: 15px; }
        #fh5co-features .feature-left p:last-child {
                margin-bottom: 0; }

        .js .animate-box {
                opacity: 0; }

        #fh5co-wrapper {
                overflow-x: hidden;
                position: relative; }
                      
        .fh5co-offcanvas {
                overflow: hidden; }
        .fh5co-offcanvas #fh5co-wrapper {
                overflow: hidden !important; }
                      
        #fh5co-page {
                position: relative;
                -webkit-transition: 0.5s;
                -o-transition: 0.5s;
                transition: 0.5s; }
        .fh5co-offcanvas #fh5co-page {
                -moz-transform: translateX(-240px);
                -webkit-transform: translateX(-240px);
                -ms-transform: translateX(-240px);
                -o-transform: translateX(-240px);
                transform: translateX(-240px); }
                      
@media screen and (max-width: 768px) {
        #fh5co-menu-wrap {
                display: none; } }